.hz_service {

  .search {

    position: relative;
    height: 80rem/@baseFontSize;
    min-height: 50px;
    input {
      min-height: 35px;

      height: 50rem/@baseFontSize;
      width: 870rem/@baseFontSize;
      border-radius: 5px;
      display: block;
      margin: 20rem/@baseFontSize auto 0;
      background: url(../images/search.png) no-repeat 95% center;
      background-size: auto 40rem/@baseFontSize;
      border: 2rem/@baseFontSize solid #595757;
      padding-left: 50rem/@baseFontSize;
    }

  }
  .map {
    width: 1223rem/@baseFontSize;
    display: block;
    margin: 10rem/@baseFontSize auto 0;
  }
  .product {

    margin-top: 95rem/@baseFontSize;
    width: 100%;
    .media {
      height: 350rem/@baseFontSize;
      width: 50%;
      float: left;
      margin-top: 0;
      div:first-child {
        display: block;
        margin-bottom: 60rem/@baseFontSize;
        a {
          display: block;
          margin: 0 auto;
          img {
            width: auto;
            height: 94rem/@baseFontSize;
            margin: 0 auto;
          }
        }
      }
      .media-body {
        display: block;
        width: 100%;
        float: left;
        h4 {
          font-size: 42rem/@baseFontSize;
          color: #0093FF;
        }
        p {
          font-size: 25rem/@baseFontSize;
          color: #595757;
          line-height: 44rem/@baseFontSize;
          margin: 0 auto;
        }
        .p1 {
          width: 566rem/@baseFontSize;
        }
        .p2 {
          width: 437rem/@baseFontSize;
        }
        .p3 {
          width: 513rem/@baseFontSize;
        }
        .p4 {
          width: 464rem/@baseFontSize;
        }
        .p5 {
          width: 361rem/@baseFontSize;
        }
        .p6 {
          width: 387rem/@baseFontSize;
        }
      }

    }

  }
  .zc {
    max-width: 100%;

    .zc_img {
      max-width: 100%;
      display: block;
    }
    .hz_liucheng_gg{
      width: 100%;
      background-color: #E6F4FF;
      .hz_liucheng {
        width: 914rem/@baseFontSize;
        margin: 0 auto;
        padding: 60rem/@baseFontSize 0  30rem/@baseFontSize;
        ul {
          width: 100%;
          text-align: center;

          li {
            display: inline-block;
            width: 16%;
            margin: 0 auto 50rem/@baseFontSize;
            div {
              width: 100%;
              img {
                display: block;
                margin: 0 auto;
                width: 78rem/@baseFontSize;
              }

            }
            div:last-child {
              font-size: 25rem/@baseFontSize;
              color: #0092FF;
              padding-top: 15rem/@baseFontSize;
            }
          }
        }
      }
    }

    .process{
      width: 100%;
      ul{
        width: 100%;
        text-align: center;
        padding: 30rem/@baseFontSize 0;
        background-color: #FFFFFF;
        li{
          width: 248rem/@baseFontSize;
          height: 66rem/@baseFontSize;
          line-height: 66rem/@baseFontSize;
          background-color: rgba(0,147,255,0.5);
          border-radius: 5rem/@baseFontSize;
          float: left;
          display: inline-block;
          color: #0093FF;
          font-size: 25rem/@baseFontSize;
          text-align: center;

        }
        span{
          display: block;
          margin:  0 25rem/@baseFontSize;
          float: left;
          height: 66rem/@baseFontSize;
          line-height: 0.66rem;
          img{
            height: 50rem/@baseFontSize;
            display: inline-block;
          }
        }
      }
    }
    .partnerShow{
      margin-top: 70rem/@baseFontSize;
      h4{
        font-size: 50rem/@baseFontSize;
        color: #595757;
        text-align: center;
        background-color: #ffffff;
        margin-bottom: 30rem/@baseFontSize;
      }
      ul{
        li{
          float: left;
          margin-bottom: 50rem/@baseFontSize;
          a{
            display: inline-block;
            img{
              width: 635rem/@baseFontSize;
              height: 370rem/@baseFontSize;
            }
          }
          .context{
            width: 100%;
            h3{
              font-size: 25rem/@baseFontSize;
            }
            p{
              span{
                font-size: 24rem/@baseFontSize;
              }
            }
          }
        }
        li:nth-child(even){
          float: right;


        }
        li:nth-child(n+1){
         margin-top: 10rem/@baseFontSize;
        }

      }
    }
  }
}

@media (max-width: 768px) {
  .hz_service .search input {
    background-size: auto 15px;
    background-position: 98%;
  }

  .hz_container {
    width: 100%;
  }

  .hz_service .map {
    width: 100%;
  }

  .hz_service {
    .product {
      width: 100%;
      .media {
        height: 350rem/@baseFontSize;
        width: 100%;
        float: left;
        margin-top: 0;
        div:first-child {
          width: 18%;
          float: left;
          a {
            display: block;
            margin: 0 auto;
            img {
              width: auto;
              height: 200rem/@baseFontSize;
              margin: 0 auto;
            }
          }
        }
        .media-body {
          display: block;
          width: 82%;
          float: left;
          h4 {
            text-align: left;
            font-size: 80rem/@baseFontSize;
            color: #0093FF;
          }
          p {
            width: 80%;
            display: block;
            font-size: 60rem/@baseFontSize;
            color: #595757;
            line-height: 80rem/@baseFontSize;
            margin: 0 auto;
          }

          .p1, .p2, .p3, .p4, .p5, .p6 {
            width: 100%;
            text-align: left;
            text-indent: 20px;
          }

        }
      }
    }
    .zc{
      width: 100%;
      .hz_liucheng_gg{
        .hz_liucheng{
          width: 100%;
          ul {
            li {
              width: 20%;
              div {
                width: 100%;
                img {
                  width: 150rem/@baseFontSize;
                }
              }

            }
          }



        }
      }

      .process{
        width: 100%;
        ul{
          width: 100%;
          text-align: center;
          padding: 30rem/@baseFontSize 0;
          background-color: #FFFFFF;
          li{
            width: 385rem/@baseFontSize;
            height: 80rem/@baseFontSize;
            line-height: 80rem/@baseFontSize;
            background-color: rgba(0,147,255,0.5);
            border-radius: 5rem/@baseFontSize;
            float: left;
            display: inline-block;
            color: #0093FF;
            font-size: 20rem/@baseFontSize;
            text-align: center;

          }
          li:first-child{
              margin-left: 40rem/@baseFontSize;
          }
          span{
            display: block;
            margin:  0 25rem/@baseFontSize;
            float: left;
            height: 66rem/@baseFontSize;
            line-height: 0.66rem;
            img{
              height: 50rem/@baseFontSize;
              display: inline-block;
            }
          }
        }
      }
      .partnerShow{
        h4{
          font-size: 50rem/@baseFontSize;
          color: #595757;
          text-align: center;
          background-color: #ffffff;
        }
        ul{
          li{
            width: 49%;
            float: left;
            a{
              display: inline-block;
              img{
                width: 100%;
                height: auto;

              }
            }
          }
          li:nth-child(even){
            float: right;


          }
          li:nth-child(n+1){
            margin-top: 10rem/@baseFontSize;
          }

        }
      }
    }
  }

}

@media (max-width: 490px) {
  .hz_service .search input {
    width: 240px;
    height: 35px;
    border: 1px solid #595757;
  }
}
